<!DOCTYPE html>
<html class="car-loan">

	<head>
		<meta charset="UTF-8">
		<title>积分明细</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="../Public/css/Home/mui.css" />
		<link rel="stylesheet" href="../Public/css/Home/public.css" />
		<link rel="stylesheet" href="../Public/css/Home/mui.picker.css" />
		<link rel="stylesheet" href="../Public/css/Home/mui.poppicker.css" />
                <style>
			.mui-table h4,.mui-table h5,.mui-table .mui-h5,.mui-table .mui-h6,.mui-table p{
		        margin-top: 0;
		    }
		    .mui-table h4{
		        line-height: 21px;
		        font-weight: 500;
		    }
		
		    .mui-table .oa-icon{
		        position: absolute;
		        right:0;
		        bottom: 0;
		    }
		    .mui-table .oa-icon-star-filled{
		        color:#f14e41;
		    }
		</style>
	</head>
            
	<body>
            <!--header class="mui-bar mui-bar-nav">
                <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
                <h1 class="mui-title">积分明细</h1>
            </header-->
            <div class="mui-content">
                <ul id="msg-list" class="mui-table-view mui-table-view-striped mui-table-view-condensed">
                <script id='msg-template' type="text/template">    
                    <% for(var i in record){ var item=record[i]; %>
                        <li class="mui-table-view-cell">
		            <div class="mui-table">
		                <div class="mui-table-cell mui-col-xs-10">
		                    <h4 class="mui-ellipsis-2">积分数量:<%=(item.integral)%></h4>
		                    <h5>状态:<%=(item.status_str)%></h5>
		                    <p class="mui-h6 mui-ellipsis">目标账户:<%=(item.type_str)%></p>
							<p class="mui-h6 mui-ellipsis">备注:<%=(item.mark)%></p>
		                </div>
		                <div class="mui-table-cell mui-col-xs-2 mui-text-right">
		                    <span class="mui-h5"><%=(item.ctime_str)%></span>
		                </div>
		            </div>
		        </li>  
                    <% } %>
                </script>
                </ul>
            </div>

		
	</body>
	<script src="../Public/js/Home/jquery.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../Public/js/Home/mui.js" type="text/javascript" charset="utf-8"></script>
	<script src="../Public/js/Home/common.js" type="text/javascript" charset="utf-8"></script>
        <script src="../Public/js/Home/arttmpl.js" type="text/javascript" charset="utf-8"></script>
	<script>
            $(function(){
                init();
            })
            
            function init(){
                var params = {
                        url: 'Baodan/integral_list',
                        data: {
                            user_id : common.getLocVal("userId")
                        }
                }
                common.loading("正在提交...请稍后...");
                common.JsonPost(params, function(data) {
                    common.closeLoading();
                    document.getElementById("msg-list").innerHTML = template('msg-template', {
                        "record": data.list
                    });  
                })
            }            
                        
                        
            
	</script>

</html>